Choosing Chart Types: Consider Context 選擇圖表型別

透過背景和對比來展示使用者體驗資料。

定量使用者體驗資料有助於決策,但製作清晰圖表往往具有挑戰性。遵循以使用者為中心的設計方法可建立有效圖表。

設計圖表時,先明確觀眾需求和期望行動,再選擇合適圖表型別。

本文涵蓋的內容 (What This Article Does and Does Not Cover)

主要內容:本文重點討論解釋性資料視覺化,即如何向團隊、利益相關者或客戶傳達發現。

不涵蓋內容

  1. 資訊圖表:結合多種視覺元素講述故事的綜合展示。
  1. 儀錶板設計:資料監控或實時展示。

用於製作更好圖表的 3 個 C (The 3 Cs for Better Charts)

記住優秀圖表的三要素:

  1. Context (上下文):賦予資料背景。
  1. Clutter-free (無雜亂):保持整潔。
  1. Contrast (對比):透過對比突出重點。

本系列文章將逐一探討這三個要素。本文聚焦於上下文的重要性及其對圖表選擇的指導作用。

上下文 (Context)

數字資料離開上下文毫無意義。例如,若僅告知某電商應用的結賬完成率為24%,這資訊可能毫無價值,除非補充其去年完成率僅為17%。

在使用者體驗領域,常見的對比方式包括:

此外,理解基本實驗設計和統計知識(如置信區間、統計顯著性)對於數值資料的比較至關重要。

選擇圖表型別 (Choosing a Chart Type)

常用圖表型別建議:柱狀圖、折線圖或散點圖。根據目標和情境選擇最適合的圖表。

柱狀圖 (Bar Charts)

柱狀圖適用於大多數使用者體驗比較場景,易於理解且直觀清晰。

不好:在視覺化使用者體驗資料時,我們經常會處理長標籤(例如功能名稱或任務描述)。將標籤垂直或對角對齊會使它們難以閱讀。
好:當您的專案名稱較長時,水平條形圖是一個不錯的選擇。在此示例中,列出了四個簡短的任務描述。這些標籤比更短的縮寫(例如任務 2 或下載)更有意義,並且比垂直文字標籤更易於閱讀。此示例圖表的目標是強調在研究中,“查詢 5 月 12 日的賬單”這一任務的成功率比其他任務低得多,需要透過定性研究進行調查。
此堆積柱狀圖顯示,對於每個任務,自行成功、在引導員幫助下成功或任務失敗的參與者的百分比。

折線圖 (Line Charts)

用於展示時間趨勢,如客戶滿意度分數的變化趨勢。應在時間軸標註具體資料點位置以增加清晰度。

此折線圖展示了一家公司在五年期間的客戶滿意度(CSAT)得分趨勢。每個資料標記(藍色圓點)顯示了資料收集的時間。

散點圖 (Scatter Plots)

適用於展示兩個變數間的關係,如某應用中功能的使用頻率與覆蓋範圍的關聯。

此散點圖展示了應用程式的功能(點)被其使用者使用的程度。x 軸顯示使用該功能的使用者賬戶所佔百分比,而 y 軸顯示每個使用者在過去 30 天內平均使用該功能的次數。此圖表可用於主張優先考慮這 3 個最受歡迎的功能。

要避免的圖表型別 (Chart Types to Avoid)

避免複雜且難以解讀的圖表型別,如:

這些圖表要求使用者評估角度、面積或體積,對資訊處理有較高要求,僅在確有必要時選擇。